<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<script language="javascript" src="../js/funciones.js"></script>
<link href="/colegiatura/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
<h:form  >
<table width="100%" border="0">
  <tr>
      <td colspan="5" align="left" class="texto3">
        <h:outputLabel value="Mantenimiento de Reconocimientos" styleClass="texto3" /></td>
  </tr>
  <tr><td height="20">
     <a4j:outputPanel ajaxRendered="true">
    <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
    </a4j:outputPanel>
      </td>
  </tr>
  <tr>
      <td colspan="5" align="left" height="40">
        <h:commandButton action="#{ReconocimientoController.nuevo}" value="Nuevo Reconocimiento" styleClass="enlace9" /></td>
  </tr>
</table>
        <r:dataTable value="#{ReconocimientoController.listaReconocimiento}" var="reco" rows="10"
         rowClasses="TableImpar,TablePar" reRender="dt" id="TableRecono" border="0" headerClass="texto18">
        <r:column width="250" filterBy="#{reco.recNombre}" filterEvent="onkeyup">
            <f:facet name="header"><h:outputLabel value="Reconocimiento" /></f:facet>
            <h:outputLabel value="#{reco.recNombre}" styleClass="texto20" />
        </r:column>
        <r:column width="300" filterBy="#{reco.recDescripcion}" filterEvent="onkeyup">
             <f:facet name="header"><h:outputLabel value="Descripción" /></f:facet>
            <h:outputLabel value="#{reco.recDescripcion}" styleClass="texto20" />
        </r:column>
        <r:column width="60">
             <f:facet name="header"></f:facet>&nbsp;
            <h:commandButton action="#{ReconocimientoController.editar}" image="/imagenColegiatura/editar.png" title="Editar">
                <f:setPropertyActionListener target="#{ReconocimientoController.reconocimiento}" value="#{reco}"/>
            </h:commandButton> &nbsp;&nbsp;
            <h:commandButton action="#{ReconocimientoController.remover}" image="/imagenColegiatura/eliminar.png" title="Eliminar">
                <f:setPropertyActionListener target="#{ReconocimientoController.reconocimiento}" value="#{reco}"/>
            </h:commandButton>
        </r:column>
        <f:facet name="footer">
              <r:datascroller id="dt" renderIfSinglePage="false"></r:datascroller>
        </f:facet>
    </r:dataTable>
</h:form>
</f:view>